<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>博文技术</title>
    <link rel="stylesheet" type="text/css" href="css/Blog_tech.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="js/bootstrap.js"></script>
    <script src="js/jquery-3.5.0.min.js"></script>

    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>
<div class="wrap">
    <!---个人博客--->
    <nav class="navbar navbar-expand-md bg-dark navbar-dark">
        <a class="navbar-brand" href="index.html">我的个人博客</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Blog_tech.html">博文技术</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="album.html">我的相册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Rest.html">休息娱乐</a>
                </li>

                <li class="nav-item">
                    <a class="nav-link active" style="margin-left: 50px" href="https://www.xinwentoutiao.net/">每日推荐</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="https://s.weibo.com/weibo?q=新闻最新资讯&Refer=index?c=spr_wbprod_sougou_sgss_weibo_t001">最新资讯</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="map.html">其他信息</a>
                </li>
            </ul>
            <div class="hnav"></div>
        </div>
    </nav>
<section class="container">
    <div class="content-wrap">
        <div class="content">
            <div id="demo" class="carousel slide" data-ride="carousel">
                <!-- 指示符 -->
                <ul class="carousel-indicators">
                    <li data-target="#demo" data-slide-to="0" class="active"></li>
                    <li data-target="#demo" data-slide-to="1"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                </ul>
                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="https://picsum.photos/1101/350">
                    </div>
                    <div class="carousel-item">
                        <img src="https://picsum.photos/1100/350">
                    </div>
                    <div class="carousel-item">
                        <img src="https://picsum.photos/1099/350">
                    </div>
                </div>

                <!-- 左右切换按钮 -->
                <a class="carousel-control-prev" href="#demo" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a class="carousel-control-next" href="#demo" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>

            </div>
            <article class="excerpt-minic excerpt-minic-index">
                <h2><span class="red">【今日推荐】</span><a href="" title="">运营必备：30个H5常用工具汇总</a></h2>
                <p class="note">H5页面现在正是火热发展的阶段，靠着富媒体展现和新颖的互动，
                    在短短2年时间里快速走进我们的日常生活，成为移动端营销利器，
                    然而开发一个H5营销页面的成本很高，于是有很多人都开发了H5工具，
                    今天就总结一些常见的、好用的H5工具分享给大家...</p>
            </article>
            <div class="title">
                <h3>往日推荐</h3>
            </div>
            <article class="excerpt excerpt-1">
                <header><h2><span class="badge badge-info">昨天</span></h2>
                    <h2><a href="article.html" title="">Java多线程系列--“JUC线程池”06之 Callable和Future</a></h2>
                </header>
                <p class="meta">
                    <time class="time">2016-1-4 10:29:39</time>
                <p class="note">概要本章介绍线程池中的Callable和Future。
                    Callable 和 Future 简介示例和源码分析(基于JDK1.7.0_40)Callable 和 Future 简介 Callable 和 Future 是比较有趣的一对组合。当我们需要获取线程的执行结果时，就需要用到它们。
                    Callable用于产生结果，Future用于获取结果。1. CallableCallable 是一个接口，它只包含一个call()方法。
                    Callable是一个返回结果并且可能抛出异常的任务。为了...<a href="">查看全文</a>
                </p>
            </article>
            <article class="excerpt excerpt-1">
                <header><h2><span class="badge badge-info">前天</span></h2>
                    <h2><a href="article.html" title="">Java多线程系列--“JUC集合”10之 ConcurrentLinkedQueue</a></h2>
                </header>
                <p class="meta">
                    <time class="time">2016-1-4 10:29:39</time>
                <p class="note">博客系统，然后运行它： hexo init blog cd blog npm install hexo server
                    如果npm安装失败，请使用sudo安装。运行成功后，访问 http://0.0.0.0:4000/
                    就可以看到博客的样子的，对就是我现在的博客这个样子...<a href="">查看全文</a>
                </p>
            </article>
            <article class="excerpt excerpt-1">
                <header><h2><span class="badge badge-info">6月8日</span></h2>
                    <h2><a href="article.html" title="">Java多线程系列--“JUC锁”01之 框架</a></h2>
                </header>
                <p class="meta">
                    <time class="time">2016-1-4 10:29:39</time>
                <p class="note">本章，我们介绍锁的架构；后面的章节将会对它们逐个进行分析介绍。
                    目录如下：01.Java多线程系列--“JUC锁”01之 框架02.Java多线程系列--“JUC锁”02之 互斥锁ReentrantLock03.Java多线程系列--“JUC锁”03之 公平锁(一)04.Java多线程系列--“JUC锁”04之 公平锁(二)05.Java多线程系列--“JUC锁”05之 非公平锁06.Java多线程系列--“JUC锁”06之 Condition条件07.Java多线程系列
                    --“JUC锁”07之 LockSupport08.Java多线程系列--“JUC锁”08之 共享锁和ReentrantRea...<a href="">查看全文</a>
                </p>
            </article>
            <article class="excerpt excerpt-1">
                <header><h2><span class="badge badge-info">6月7日</span></h2>
                    <h2><a href="article.html" title="">Java hashCode() 和 equals()的若干问题解答</a></h2>
                </header>
                <p class="meta">
                    <time class="time">2016-1-4 10:29:39</time>
                <p class="note">本章的内容主要解决下面几个问题：1 equals() 的作用是什么？
                    2 equals() 与 == 的区别是什么？3 hashCode() 的作用是什么？
                    4 hashCode() 和 equals() 之间有什么联系？第1部分 equals() 的作用equals() 的作用是
                    用来判断两个对象是否相等。equals() 定义在JDK的Object.java中。
                    通过判断两个对象的地址是否相等(即，是否是同一个对象)来区分它们是否相等。
                    源码如下：public boolean equals(Object obj) { return (this == obj);}
                    既然Object.java中定...<a href="">查看全文</a>
                </p>
            </article>
            <article class="excerpt excerpt-1">
                <header><h2><span class="badge badge-info">6月6日</span></h2>
                    <h2><a href="article.html" title="">Java 中 Comparable 和 Comparator 比较</a></h2>
                </header>
                <p class="meta">
                    <time class="time">2016-1-4 10:29:39</time>
                <p class="note">本文，先介绍Comparable 和Comparator两个接口，
                    以及它们的差异；接着，通过示例，对它们的使用方法进行说明。Comparable
                    简介Comparable 是排序接口。若一个类实现了Comparable接口，就意味着“该类支持排序”。
                    即然实现Comparable接口的类支持排序，
                    假设现在存在“实现Comparable接口的类的对象的List列表(或数组)”，
                    则该List列表(或数组)可以通过 Collections.sort（或 Arrays.sort）进行排序。
                    此外，“实现Comparable接口的类的对象”可以用作“有序映射(如TreeMap)”中的键或“有序集合...<a href="">查看全文</a>
                </p>
            </article>
        </div>
    </div>
</section>
<footer class="footer">
    <div class="container">
        <p>&copy; 2020 653266471@qq.com &nbsp;
            &nbsp; &nbsp; wangdeling 版权所有</p>
    </div>

</footer>
</div>
<script type="text/javascript">
    var date = new Date();
    var str = date.getFullYear()+"年"+date.getMonth()+"月"+date.getDay()+"日";
    var h =	date.getHours();
    var m = date.getMinutes();
    var s = date.getSeconds();
    var time = date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
    $(".time").html(str + time);
    var str2 = date.getFullYear()+"-"+date.getMonth()+"-"+date.getDay();
    $(".time2").html(str2);
</script>

<script src="js/Color.js"></script>
</body>
</html>
